<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
	<style type="text/css">
		body{margin: 0px;padding: 0px;}
		#containter{width: 980px;margin: 0px auto;font-size: 10px;}
		#pagetop{min-height: 75px;border: #0C6 solid 1px;}
		.logo{width:260px ;height:70px ;float: left;}
		.topinfo{width:380px;float: left;vertical-align:middle;line-height: 60px;font-size: 15px;}
		.topnav{width: 360px;float: left;}
		.topnavlist{width: 360px;}
		.topnavlist ul{ width: 360px;list-style: none;}
		.topnavlist ul li{ display: inline-block;width: 60px;}
		.topnavlist ul li a{text-decoration:none;color: #666;}	
		#nav{text-align: center;}
		#nav ul{ list-style:none;margin: 0px;padding: 0px;}
		#nav ul li{ width:100px;line-height: 36px;font-size: 15px;font-weight: bold;display: inline-block;text-align: center;}
		#nav ul li a{text-decoration: none;color:#000000;}
		#navlist{}
		#pagebody{min-height: 650px;border:#00F solid 1px;}
		table.shop_table {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 50px;
    width: 100%;
}
table.shop_table th, table.shop_table td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 15px;
    text-align: center;
}
table.shop_table th {
    background: none repeat scroll 0 0 #f4f4f4;
    font-size: 15px;
    text-transform: uppercase;
}
td.product-thumbnail img {
    height: auto;
    width: 70px;
}
td.product-name {
    font-size: 18px;
}
		div.quantity input.plus, div.quantity input.minus {
    background: none repeat scroll 0 0 #5a88ca;
    border: medium none;
    color: #fff;
    height: 25px;
    line-height: 15px;
    width: 25px;
}
td.product-quantity div.quantity {
    float: none;
    margin: 0;
}
td.actions div.coupon {
    float: left;
}
.cart-collaterals {
    overflow: hidden;
}
.cross-sells {
    float: left;
    margin-right: 3%;
    width: 57%;
}
.cart_totals {
    float: right;
    margin-bottom: 50px;
    width: 40%;
}
.cart-collaterals h2 {
    color: #5a88ca;
    font-size: 25px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
div.cart-collaterals ul.products {
    list-style: outside none none;
    margin: 0 0 0 -30px;
    padding: 0;
}
div.cart-collaterals ul.products li.product {
    float: left;
    margin-left: 30px;
    position: relative;
    width: 198px;
}
.cart_totals table {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 100%;
}
.cart_totals table th, .cart_totals table td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
}
.cart_totals table th {
    background: none repeat scroll 0 0 #f4f4f4;
}
.onsale {
}
div.cart-collaterals ul.products li.product .onsale {
    background: none repeat scroll 0 0 #5a88ca;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 0;
}
div.cart-collaterals ul.products li.product h3 {
    color: #333;
    font-size: 20px;
    margin-top: 15px;
}
div.cart-collaterals ul.products li.product .price {
    color: #333;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}
.price > ins {
}
div.cart-collaterals ul.products li.product .price ins {
    color: #5a88ca;
    font-weight: 700;
    margin-left: 10px;
    text-decoration: none;
}



.woocommerce-info {
    background: none repeat scroll 0 0 #f4f4f4;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 15px;
}
		#pagefooter{min-height:150px;border: #0C6 solid 1px;}
		#footnav{height: 100px;}
		#footnav ul{margin: 0px;padding: 0px;list-style: none;text-align: center;}
		#footnav ul h3{}
		.listnav{display:inline-block;width: 200px;}
		#footnav ul .listnav ul li{line-height: 20px}
		</style>
</head>
<body>
	<div id="containter">
		<!--网站头部-->
		<div id="pagetop">
			<div class="logo"><img src="imgs/logo.jpg"/></div>
				<div class="topinfo">
					<span>您好，欢迎登陆阅生活！<a href="login.html">请登陆</a>新用户？<a href="zhuce.html">请注册</a></span>
				</div>
			<div class="topnav" style="position:absolute;top:10px;right:500px;">
				<div class="topnavlist">
			<div>
					<ul>
						<li><a href="">帮助中心|</a></li>
						<li><a href="">客户反馈|</a></li>
						<li><a href="">网站地图|</a></li>
						<li><a href="">加入收藏|</a></li>
					</ul>
				</div>
			</div>
		</div>
			<!--主导航-->
			<div id="nav" style="clear: both">
				<div style="background: url(imgs/top1.jpg);height:36px">
					<ul id="navlist">
						<li><a href="#">网站首页</a></li>
						<li><a href="fenlei.html">分类导航</a></li>
						<li><a href="#">购物帮助</a></li>
						<li><a href="#">关于我们</a></li>
					</ul>
				</div>
				<div style="background: url(imgs/top2.jpg);height:36px;text-align: left;text-indent:25px;line-height: 36px;background-image: url(imgs/gouwu.png);background-repeat: no-repeat;">
				<span style="color:#000000;font-size: 15px;">搜索</span><span><select><option>所有分类</option><option>热卖</option></select></span><span><input type="text" maxlength="50" size="50"/><input type="button" value="搜索"/></span>
			</div>
		</div>
	</div>
				<div id="pagebody">
					
                    
                        <div class="woocommerce">
                            <form action="#" method="post">
                                <table cellspacing="0" class="shop_table cart">
                                    <thead>
                                        <tr>
                                            <th class="product-remove">&nbsp;</th>
                                            <th class="product-thumbnail">&nbsp;</th>
                                            <th class="product-name">商品信息</th>
                                            <th class="product-price">单价</th>
                                            <th class="product-quantity">数量</th>
                                            <th class="product-subtotal">金额</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="cart_item">
                                            <td class="product-remove">
                                                <a href="#" title="Remove this item" class="remove">×</a> 
                                            </td>

                                            <td class="product-thumbnail">
                                                <a href="single-product.html"><img src="imgs/edu/1.jpg" alt="poster_1_up" width="145" height="145" class="shop_thumbnail"></a>
                                            </td>

                                            <td class="product-name">
                                                <a href="single-product.html">你是人间的四月天</a> 
                                            </td>

                                            <td class="product-price">
                                                <span class="amount">￥36</span> 
                                            </td>

                                            <td class="product-quantity">
                                                <div class="quantity buttons_added">
                                                    <input type="button" class="minus" value="-">
                                                    <input type="number" class="input-text qty text" min="0" step="1" title="Qty" value="1" size="4">
                                                    <input type="button" class="plus" value="+">
                                                </div>
                                            </td>

                                            <td class="product-subtotal">
                                                <span class="amount">￥36</span> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="6" class="actions">               
                                                <input name="proceed" type="submit" class="checkout-button button alt wc-forward" value="结算">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </form>
                        </div>                       
                    </div>                    
                </div>
							</div>
		<div id="pagefooter">
			<div id="footnav">
				<ul>
					<li class="listnav">
						<h3>付款方式</h3>
						<ul>
						<li><a href="#">银行汇款</li>
						<li><a href="#">在线支付</li>
						<li><a href="#">现金支付</li>
						<li><a href="#">公司转账</li>
						</ul>
					</li>
					
					
					<li class="listnav">
						<h3>送货方式</h3>
						<ul>
						<li><a href="#">上门服务</li>
						<li><a href="#">EMS快递</li>
						<li><a href="#">快速发货</li>
						<li><a href="#">平邮发货</li>
						</ul>
					</li>
					
					
					
					
					<li class="listnav">
						<h3>售后服务</h3>
						<ul>
						<li><a href="#">质保承诺</li>
						<li><a href="#">退换货政策</li>
						<li><a href="#">价格保护</li>
						<li><a href="#">返修申请</li>
						</ul>
					</li>
					
					
					
					
					<li class="listnav">
						<h3>购物帮助</h3>
						<ul>
						<li><a href="#">用户等级</li>
						<li><a href="#">积分管理</li>
						<li><a href="#">购物流程</li>
						<li><a href="#">常见问题</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>
